/* Hides from IE-mac \*/
html{color:#333;background:#fff;overflow:auto;overflow-y:scroll;height:100%; font-size:14px; font-family:microsoft yahei;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-family:microsoft yahei;}
body{background: #fff;min-width: 1200px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
br{letter-spacing:0px;}
a{text-decoration:none;}
input{outline: none;}
a img { border: none; }
.clear{ clear:both;}
.wrap{width:1200px;margin:0 auto;overflow: hidden;}
.wrapp{width:1200px;margin:0 auto;position: relative;}
.tz-gallery{padding:0;}

/*header*/
.header{width:100%;float: left;overflow: hidden;}
.h-top{width:100%;float: left;overflow: hidden;height: 46px;background: #f4f1f1;line-height: 46px;}
.h-top h1{width:50%;float: left;overflow: hidden;color: #999999}
.h-top p{float: right;overflow: hidden;width:323px;height: 46px;background: url(../images/h-top.png) center no-repeat;}
.h-top p a{float:left;overflow: hidden;color: #999999;margin-left: 30px;line-height: 40px;}
.h-top p a:hover{color: #1269cc}
.h-logo{float: left;margin:30px 0 35px;}
.h-tel{float: right;margin:30px 0 35px;background: url(../images/h-tel.jpg) left center no-repeat;width:280px;height: 68px;font-size: 24px;color: #1269cc;padding:40px 0 0 85px;box-sizing: border-box;}

/*h-nav*/
.h-nav{width:100%;float: left;height: 53px;border-top:solid 1px #efecec;}
.h-nav a{width:148px;float: left;height: 53px;display:block;border-right:solid 1px #efecec;color: #333333;font-size: 16px;line-height: 53px;text-align: center;}
.h-nav a:hover{color: #ffffff;background: #1269cc;}
/*banner*/
.banner{ width:100%; height:530px; overflow:hidden;}
#solid{width:100%;height:530px;clear:both;margin-top:0px;position:relative;margin:0 auto;overflow:hidden;}
#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;width:100%;height:530px;display:none;}
#solid ul{margin:0px;padding:0px;list-style:none;	}
#solid ul li{position:absolute;top:0px;width:100%;height:530px;display:none;cursor:pointer;}
#solid #btt{width:100%;margin:0 auto;top:480px;position:relative;}
#solid #btt span{position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;margin:0 15px;	text-align:center;background:#3d3d3d;z-index:1000cursor:pointer;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/}

/*keywords*/
#i-tt{ width: 100%; margin: 0 auto; height: 54px; overflow: hidden;background-color: #ececec;}
.keyword{ width:800px; float: left;  overflow: hidden; font-size: 14px; line-height:54px; overflow: hidden; margin-left: 15px;height: 54px;}
.keyword a{color: #333}
.keyword a:hover{color: #136ec9}
#serch{ width: 285px; float: right; margin-top: 12px; overflow: hidden;}
#input_search{ width:245px; border:none; float: left; background-color: #f0f0f0; height:32px;text-indent:15px; color: #adb2b2; background:#fff;}
#btn_search{ width:40px; height:32px; float: right; border:none; background:#005eb8; color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor: pointer; }

/*m-pro*/
.m-pro{width:100%;float: left;overflow: hidden;background: #eeefef;padding:28px 0 35px;}
.m-pro-left{width:245px;float: left;overflow: hidden;}
.m-pro-left .hd{width:100%;float: left;overflow: hidden;background: url(../images/m-pro-left-hd.jpg) left no-repeat;height: 57px;}
.m-pro-left .bd{width:100%;float: left;overflow: hidden;background: url(../images/m-pro-left.jpg) left no-repeat;height: 265px;margin-top: 35px;padding-top: 50px;}
.m-pro-left .bd h1{width:73%;float: left;overflow: hidden;text-align: center;font-size: 18px;color: #ffffff;line-height: 30px;}
.m-pro-left .bd h2{width:75%;float: left;overflow: hidden;text-align: center;font-size: 18px;color: #ffffff;margin-top: 34px;}
.m-pro-left .bd h3{width:75%;float: left;overflow: hidden;text-align: center;font-size: 18px;color: #ffffff;margin-top: 10px;}
.m-pro-left .bd a{width:115px;float: left;overflow: hidden;height: 46px;display: block;margin:13px 0 0 40px;}
.m-pro-right{width:922px;float: right;overflow: hidden;}
.m-pro-right .left{width:356px;float: left;overflow: hidden;height: 400px;}
.m-pro-right .left img{width:356px;float: left;height: 400px;object-fit: cover;}
.m-pro-right .left h1{width:100%;float: left;overflow: hidden;height: 46px;background: #0442f3;opacity: .7;line-height: 46px;text-align: center;color: #fff;font-size: 18px;margin-top: -46px;}
.m-pro-right .left:Hover h1{background: #ee9001;}
.m-pro-right .right{float: right;width:564px;}
.m-pro-right .right li{float: left;width:262px;height: 190px;overflow: hidden;margin:0 0 19px 18px;}
.m-pro-right .right li img{float: left;width:262px;height: 190px;object-fit: cover;}
.m-pro-right .right li h1{width:100%;float: left;overflow: hidden;height: 46px;background: #0442f3;opacity: .7;line-height: 46px;text-align: center;color: #fff;font-size: 18px;margin-top: -46px;}
.m-pro-right .right li:hover h1{background: #ee9001;}

/*dingzhi*/
.m-dingzhi{width:100%;float: left;overflow: hidden;}
.m-dingzhi-hd{width:100%;float: left;overflow: hidden;height: 124px;background: url(../images/dingzhi-hd.jpg) center no-repeat;}
.m-dingzhi-bd{width:100%;float: left;overflow:hidden;margin:40px 0;}
.m-dingzhi-bd li{width:102px;float: left;height: 150px;}
.m-dingzhi-bd li .circle{width:100px;float: left;overflow: hidden;height: 100px;border-radius: 100%;border:solid 1px #e3e3e2;text-align: center;line-height: 100px}
.m-dingzhi-bd li .circle img{margin-top: 19px;}
.m-dingzhi-bd li h1{width:100px;float: left;text-align: center;line-height: 48px;font-size: 16px;}
.m-dingzhi-bd span{width:36px;float: left;overflow: hidden;height: 24px;background: url(../images/jiantou.jpg);margin:36px 9px 0;display: block;}
.m-dingzhi-bd li:hover .circle{border:solid 1px #1269cc;}
.m-dingzhi-bd li:hover h1{color: #1269cc;}
.m-dingzhi-bd .on .circle{border:solid 1px #1269cc;}
.m-dingzhi-bd .on h1{color: #1269cc;}

/*m-pro1*/
.m-pro1{width:100%;float: left;height: 829px;overflow: hidden;background: url(../images/m-pro1-bg.jpg) center;}
.m-pro1-hd{width:100%;float: left;height: 92px;overflow: hidden;background: url(../images/m-pro1-hd.png) center bottom no-repeat;}
.m-pro1-hd a{float: right;color: #fff;margin:47px 33px 0 0;}
.m-pro1-hd a:hover{color: #ee9001;}
.m-pro1-md{width:100%;float: left;text-align: center;margin-top: 48px;}
.m-pro1-md a{width:139px;height: 50px;background: url(../images/m-pro1-md.jpg) center no-repeat;line-height: 50px;text-indent: 48px;display: inline-block;margin:0 14px;font-size: 16px;color: #666666;text-align:left;}
.m-pro1-md a:Hover{background: url(../images/m-pro1-md-hover.jpg) center no-repeat;color: #ffffff;}
.m-pro1-bd{width:100%;float: left;overflow: hidden; }
.m-pro1-bd li{width:288px;float: left;margin:0 10px;overflow: hidden;}
.m-pro1-bd li a{width:288px;float: left;overflow: hidden;margin: 22px 0 0; }
.m-pro1-bd li a .img{width:100%;height: 227px;overflow: hidden;float: left;}
.m-pro1-bd li a img{width:100%;float: left;height: 227px;object-fit: cover;transition:all .5s; }
.m-pro1-bd li a h1{width:100%;float: left;height: 45px;background: url(../images/m-pro1-bd.jpg) center no-repeat;color: #333333;text-indent: 23px;line-height: 45px; }
.m-pro1-bd li a:Hover h1{background: url(../images/m-pro1-bd-hover.jpg) center no-repeat;color: #fff; }
.m-pro1-bd li a:Hover .img img{transform: scale(1.1,1.1); }

/*m-ys*/
.ys{width:100%;float:left; height:673px;background: url(../images/m-ys-bg.jpg) no-repeat center; }

.ys .container{
	width:1180px;margin:0 auto;
  position: relative;

}

.ys .ys_title{

  position: absolute;

  top: 170px;

  left: 20px;

}

.ys .ys_title .ys_title_t{

  height: 335px;

   /*writing-mode: vertical-lr;*/
writing-mode:lr-tb;
   color: #fff;

   margin-left: 40px;
   width:60px;


}

.ys .ys_title .ys_title_t h3{
   font-size: 30px;
width:30px;text-align: center;float: left;word-wrap:break-word;line-height: 30px;

}

.ys .ys_title .ys_title_t p{
font-size: 18px;
  line-height: 50px;
  margin-top: 45px;
  width:18px;text-align: center;float: right;line-height:20px;word-wrap:break-word;

}

.ys .ys_title .ys_title_b{

  color: #fff;

  line-height: 30px;

}

.ys .ys_title .ys_title_b p{

  font-size: 20px;

}

.ys .ys_title .ys_title_b a{

  display: block;

  width: 140px;

  height: 40px;

  background: #0c8fde;

  color: #fff;

  text-align: center;

  line-height: 40px;

  margin-top: 10px;

}

.ys .ys_title .ys_title_b a:hover{

  background: #fff;

  color: #7ec912;

}

.ys .ys_li li{

  width: 280px;

  color: #fff;

}

.ys .ys_li li h3{

  font-size: 30px;

  margin-left: 50px;

}

.ys .ys_li li p{font-size: 18px;line-height: 34px;margin-top: 15px;}

.ys .ys_li li:first-child{

  position: absolute;

  top: 130px;

  left: 270px;

}

.ys .ys_li li:nth-child(2){

  position: absolute;

  top: 400px;

  left: 270px;

}

.ys .ys_li li:nth-child(3){

  position: absolute;

  top: 130px;

  left: 870px;

}

.ys .ys_li li:nth-child(4){

  position: absolute;

  top: 400px;

  left: 870px;

}

/*m-youshi*/
.m-youshi{width:100%;float: left;height: 1116px;background: url(../images/m-youshi-bg.jpg) center;}
.m-youshi h1{float:left;height: 30px;width:490px;background: url(../images/m-youshi-item.jpg) left center no-repeat #307bd2; line-height: 30px;font-size: 22px;color: #ffffff;font-weight: bold;text-indent: 35px;}
.m-youshi h1:Hover{background: url(../images/m-youshi-hover.jpg) left center no-repeat #ee9001;}
.m-youshi p{line-height: 30px;font-size: 16px;color: #333333;margin:18px 0 0 0px;float: left;width:560px;}
.m-youshi01{position: absolute;top:270px;left:600px;}
.m-youshi02{position: absolute;top:395px;left:600px;}
.m-youshi03{position: absolute;top:690px;left:83px;}
.m-youshi04{position: absolute;top:825px;left:83px;}
.m-youshi05{position: absolute;top:515px;left:600px;}
.m-youshi06{position: absolute;top:948px;left:83px;}

/*m-case*/
.m-case{width:100%;float: left;overflow: hidden;padding:25px 0;}
.m-case-hd{width:100%;float: left;height: 50px;background: url(../images/m-case-hd.jpg) center no-repeat;}
.m-case-hd a{float: right;color: #333333;margin:15px 33px 0 0;}
.m-case-hd a:hover{color: #ee9001;}
.m-case-bd{float: left;width:100%;margin-top: 25px;}
.m-case-bd ul{width:100%;float: left;overflow: hidden;}
.m-case-bd ul li{width:280px;float: left;overflow: hidden;height: 150px;margin:9px;border:solid 1px #cecece;line-height: 150px;text-align: center;}
.m-case-bd ul li img{max-width:280px;max-height: 150px;vertical-align: middle;}
/*.m-case-bd .left{width:265px;height: 470px;float: left;border:solid 3px #1269cc;}
.m-case-bd .left .hd{width:100%;float: left;height: 60px;text-align: center;line-height: 60px;background: #1269cc;font-size: 24px;color: #fff;}
.m-case-bd .left .bd{width:100%;float: left;padding:10px 22px;box-sizing: border-box;}
.m-case-bd .left .bd li{float: left;margin-top: 20px;width:215px;border:solid 1px #cecece;text-align: center;height: 72px;line-height: 72px;overflow: hidden;}
.m-case-bd .left .bd li img{max-width: 215px;max-height: 72px;vertical-align: middle;}
.m-case-bd .left .bd li:hover{border-color: #1269cc;}
.m-case-bd .right{width:903px;height: 473px;float: right;}
.m-case-bd .right ul li{width:252px;height: 440px;border:solid 1px #e0e0df;float: left;padding:16px;margin-right: 22px;overflow: hidden;}
.m-case-bd .right ul li img{width:252px;height: 177px;object-fit: cover;}
.m-case-bd .right ul li h1{width:100%;text-align: center;font-size: 16px;color: #1269cc;line-height: 50px;font-weight: bold;}
.m-case-bd .right ul li p{width:100%;float: left;line-height: 30px;color: #666666;}
.m-case-bd .right ul li:hover{border:solid 1px #1269cc;}
.m-case-bd .right ul li:hover h1{color: #ee9001;}*/

/*m-com*/
.m-com{width:100%; height: 520px; overflow: hidden;margin-top: 40px; background: url(../images/com-bg.jpg) center;}
.com-left{width: 597px; float: left;}
.m-com-hd{width:100%;float: left; margin-top: 70px;}
.m-com-mid{width:95%;height: 200px;float: left;margin-top: 18px; font-size: 14px; color: #fff; line-height: 32px;overflow: hidden;}
.m-com-bd{width: 100%; height: 90px; overflow: hidden;float: left;margin-top: 20px;}
.m-com-bd ul li{width: 190px; float: left;  color: #fff;}
.m-com-bd ul li h1{font-size:24px; color: #fff;}
.m-com-bd ul li h1 span{font-size:48px; color: #fff; font-family: Impact;}
.m-com-bd ul li.counter { display: block; margin: 20px auto; font-size: 64px; font-family: Arial; font-weight: bold; }
.m-com-bd ul li h2{width: 95px; height: 25px; font-size: 18px; background: url(../images/dot.jpg) center right no-repeat;  color: #fff;}
.com-right{width:160px; height: 45px; margin-top: 70px; float: left;}
.com-right a.btn{width:160px; height: 45px; background: #ffc000; display:block; text-align: center; line-height: 45px; color: #fff; margin-left: -1px; font-size: 20px;}
.com-right a.btn:hover{background: #1269cc;}

/*honor*/
#honor{ width:100%;overflow:hidden; margin: 0 auto;background: #f1f1f1;padding:25px 0 50px;}
#honor .top{ width:1200px; margin: 0 auto; overflow:hidden; height:60px; line-height:60px;  padding:0 10px 0 0px; color: #555555;  position:relative;}
#honor .top ul{width:1200px;  height:50px; border-bottom:1px solid #ddd; }
#honor .top ul li{float:left;cursor:pointer; font-size: 18px; width:100px;}
#honor .top ul li span{width:72px;float: left;height:50px;display: block;}
#honor .top .active span{ border-bottom:2px solid #db3021; font-weight: bold; }
#honor .top .normal{}
#honor p{height:38px; overflow:hidden; float:right;margin-top: -40px;font-size: 18px;}
#honor p a{display:block; width:80px; height:38px; overflow:hidden; color: #bdbdbd;line-height: 38px;}
#honor p a:hover{color: #db3021;}
#honor .nr{ width:1376px;overflow:hidden; margin: 0 auto;  margin-top: 20px;}
#honor .none{display:none;}
#honor .nr .picMarquee-left{ width:1376px; margin: 0 auto;  overflow:hidden; position:relative;   }
#honor .nr .picMarquee-left .hd{  }
#honor .nr .picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:55px; height:55px; float:right; margin-right:5px; margin-top:60px;  overflow:hidden; float: left; cursor:pointer; background:url("../images/arrow1.png") no-repeat;border-radius: 100%}
#honor .nr .picMarquee-left .hd a.next{ background-position:-56px 0;  float:right; }
#honor .nr .picMarquee-left .hd a.next:hover{ background-position:-56px -56px; }
#honor .nr .picMarquee-left .hd a.prev:hover{ background-position:0 -56px; }
#honor .nr .picMarquee-left .bd{width: 1200px; margin: 0 auto; overflow:hidden; }
#honor .nr .picMarquee-left .bd ul{overflow:hidden; zoom:1; }
#honor .nr .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; height: 246px; width:280px;}
#honor .nr .picMarquee-left .bd ul li  img{ width:280px; height:200px; display:block;overflow: hidden;}
#honor .nr .picMarquee-left .bd ul li .title{ height: 44px; border-bottom: solid 2px #dadada; line-height: 44px; }
#honor .nr .picMarquee-left .bd ul li .title a{color: #555555; }
#honor .nr .picMarquee-left .bd ul li .media_body{width:280px;height: 200px;background: #1269cc;opacity: .7;}
#honor .nr .picMarquee-left .bd ul li .more{width:100px;height:100px;background: url(../images/m-honor-icon.png) center top no-repeat; font-size:14px;color: #ffffff;text-align: center;line-height: 150px; display: block;margin-left: 95px;position: relative;z-index: 1;float: left;}
#honor .nr .picMarquee-left .bd ul li:Hover .media_body{margin-top: -246px;}
#honor .nr .picMarquee-left .bd ul li:Hover .more{margin-top: -130px;}
#honor .nr .picMarquee-left .bd ul li:Hover .title{border-bottom: solid 2px #1269cc;}

/*m-honor*/
.m-honor{width:100%;float: left;height: 320px;background: #1269cc;padding:46px 0 0;}
.m-honor-hd{width:100%;float: left;height: 43px;background: url(../images/m-honor-hd.jpg) left center no-repeat;}
.m-honor-hd a{width:36px;float: right;height: 36px;background: url(../images/m-honor-more.png) center no-repeat;display: block;background-size: 100%;transition:all .5s;}
.m-honor-hd a:hover{transform: rotate(360deg) ;}
.m-honor-bd{float: left;width:100%;overflow: hidden;margin-top: 35px;}
.m-honor-bd ul li{width:280px;float: left;margin:0 14px;}
.m-honor-bd ul li img{width:100%;height: 185px;object-fit: cover;float: left;}
.m-honor-bd ul li h1{width:100%;float: left;text-align: center;font-size:16px;color: #ffffff;line-height: 40px;}
.m-honor-bd ul li:hover h1{color: #ff7e00;}

/* 新闻 问答 */
.m-qa-news{
	background: #eeeded;
	padding:40px 0;
	width:100%;float: left;
}

.m-qa{
	width: 395px;
	float: left;
}
.m-qa .hd{ clear: both; overflow: hidden; }
.m-qa .hd > .tit{
	display: inline-block;
	float: left;
}
.m-qa .hd > .tit:after{
	content: "";
	display: block;
	margin-top:14px;
	height: 2px;
	width:48px;
	background: #000;
}
.m-qa .hd > .tit h3{
	font-size: 20px;
	color: #000;
	font-weight: bold;
}
.m-qa .hd > .tit p{
	font-size: 14px;
	color: #a7a5a5;
	text-transform: uppercase;
}
.m-qa .hd .more{ float: right; }
.more{
	display: inline-block;
	width:32px;
	height: 32px;
	transition:all .5s;
	cursor: pointer;
	background: url(../images/ico-more.png) no-repeat;
	float: right;
}
.more:hover{
	transform: rotate(360deg) ;
}
.m-qa .bd{ margin-top: 15px; }
.m-qa .bd li h3{
	height: 51px;
	line-height: 51px;
	border-bottom: 1px solid #e1e0e1;
	font-size: 15px;
	color: #333;
	transition:all .5s;
}
.m-qa .bd li h3 span{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #414144;
	border-radius: 3px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-right: 16px;
	transition:all .5s;
}
.m-qa .bd li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding:12px 0;
}
.m-qa .bd li p span{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #cfcfcf;
	border-radius: 3px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #414144;
	text-transform: uppercase;
	margin:15px 16px 15px 0; 
	float: left;
}
.m-qa .bd li:hover h3{color: #1269cc;}
.m-qa .bd li:hover h3 span{margin-right: 20px;}
.m-news{
	width:750px;
	height: 454px;
	box-shadow: 0 0 10px 5px #acabab;
	background: #fff;
	float: right;
}
.m-news .hd{
	height:62px;
	line-height: 62px;
	border-bottom: 1px solid #f1efef;
	background:#fbfbfb;
}
.m-news .hd a{
	float: right;
	margin-right: 22px;
	font-size: 14px;
	color: #1269cc;
}
.m-news .hd li{
	display: inline-block;
	float: left;
	padding:0 90px 0 43px;
	
	font-size: 20px;
	font-weight: bold;
	
}
.m-news .hd li:hover{background: #1269cc url(../images/ico-news.png) no-repeat 145px center;color: #fff;}
.m-news .hd .on{background: #1269cc url(../images/ico-news.png) no-repeat 145px center;color: #fff;}
.m-news .bd{
	padding:0 45px;
	float: left;
}
.m-news .bd .more{margin-top: -45px;}
.first-news{ clear: both; overflow: hidden; padding-bottom: 20px; border-bottom: 2px solid #eaebec;	margin-top: 50px;float: left;}
.first-news img{
	width:246px;
	height: 166px;
	float: left;
	margin-right: 20px;

}
.first-news a > div{
	width: 380px;
	float: left;
}
.first-news a > div h3{
	height: 41px;
	line-height: 41px;
	border-bottom: 1px solid #ebe8e8;
	font-size: 18px;
	color: #1e468e;
	margin-bottom: 15px;
}
.first-news a > div p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.first-news a > div span{
	display: inline-block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 12px;
	background: #ff7e00;
}
.first-news a > div span:Hover{background: #1269cc;}
.other_news{ padding:15px 0; float: left;}
.other_news li{
	width:50%; 
	float: left;
	height: 36px;
	line-height: 36px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 20px;
	box-sizing: border-box;
}
.other_news li a{
	font-size: 14px;
	color: #333;
}
.other_news li a:hover{
	font-size: 14px;
	color: #1269cc;
}

/*links*/
.links{width:100%;float: left;background: #eeeded;padding:35px 0;line-height: 21px;}
.links span{color: #333;font-size: 16px;float: left;font-weight: bold;}
.links a{color: #666666;margin:0 25px;float: left;}
.links a:Hover{color: #015cb5;}

/*footer*/
.footer{width:100%;float: left;}
.footer .hd{width:100%;float: left;height: 165px;background: #333333;padding:45px 0 0;}
.f-left{width:386px;float: left;border-right:solid 1px #484848;}
.f-left h1,.f-con h1{width:100%;float: left;color: #fff;font-size: 16px;}
.f-left ul{width:100%;float: left;margin-top: 15px;}
.f-left ul li{width:30%;float: left;margin-right: 20px;color: #939191;line-height: 35px;}
.f-left ul li:hover{color: #ff7e00;}
.f-con{width:430px;float: left;border-right:solid 1px #484848;padding-left:120px;}
.f-con p{color: #939191;line-height: 30px;float: left;width:100%;margin-top: 15px;}
.f-ewm{float: right;text-align: center;width:260px;}
.f-ewm img{width:120px;height: 120px;}
.f-ewm h1{width:100%;text-align: center;color: #fff;}
.f-bd{width:100%;height: 40px;background: #015cb5;line-height: 40px;color: #fff;float: left;text-align: center; }

/*list*/
.list{width:100%;float: left;overflow: hidden;margin:20px 0;}
.l-left{float: left;overflow: hidden;}
.l-right{float: right;overflow: hidden;}
.l-right-bd{padding:20px;line-height: 260%;float: left;overflow: hidden;width:100%;box-sizing: border-box;min-height: 560px;}


/* sidebar styles */

.s-type{
  width: 242px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  background: url(../images/shadow.png) no-repeat center bottom;
}
.s-type-hd{
  width: 242px;
  height: 72px;
  background: #015cb5;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 72px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.s-type-hd h3{
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  padding:10px 0 5px;
}
.s-type-hd p{
  font-size: 10px;
  color: #d8d8d8;
  text-transform: uppercase;
}

.s-type-bd{
  padding:20px;
  border:3px solid #125ed6;
  border-radius: 0 0 5px 5px;
}
.s-type-bd li{
  height: 30px;
  line-height: 30px;
  background: #eeeff1;
  border-radius: 5px;
  margin-bottom: 15px;
  padding-left: 28px;
  color: #595858;
  transition:all .6s;
}

.s-type-bd li:hover{
  background:#125ed6;
  color: #fff;
}

.s-recommend{
  width: 242px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  background: url(../images/shadow.png) no-repeat center bottom;
}
.s-recommend-hd{
  width: 242px;
  height: 72px;
  background: url(../images/s-recommend-title.png) no-repeat center center;
  text-align: center;

}
.s-recommend-bd{
  padding:20px 15px;
  border:3px solid #125ed6;
  border-radius: 0 0 5px 5px;overflow: hidden;
}
.s-recommend-bd li{width:202px;float: left;}
.s-recommend-bd li img{width:200px;height:150px;object-fit: cover;border:solid 1px #cecece; }
.s-recommend-bd h3{
line-height: 40px;
  font-size: 14px;
  color: #333333;
  width:100%;text-align: center;
}
.s-recommend-bd p{
  font-size: 12px;
  color: #333333;
  line-height: 24px;
}


.s-contact{
  width: 242px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  background: url(../images/shadow.png) no-repeat center bottom;
}
.s-contact-hd{
  width: 242px;
  height: 72px;
  background: url(../images/s-contact-title.png) no-repeat center center;
  text-align: center;

}
.s-contact-bd{
  padding:20px 15px;
  border:3px solid #125ed6;
  border-radius: 0 0 5px 5px;
}
.s-contact-bd h1{width:100%;float: left;height: 50px;background: url(../images/s-phone.jpg) center top no-repeat;font-size: 19px;color: #ee9001;font-weight: bold;text-indent: 50px;line-height: 70px;}
.s-contact-bd h3{
  margin-top: 20px;
  font-size: 14px;
  color: #333333;
}
.s-contact-bd p{
  font-size: 12px;
  color: #333333;
  line-height: 24px;
}


/* article styles */
.article {
  overflow:hidden;
  margin-bottom:24px;
  width:920px;
  padding:0 10px;
  border:1px solid #d5d5d5;
}
/*.article img{
  max-width: 100%;
}*/
.article h2{
  text-align: center;
      font-size: 36px;
      margin: 20px 0;
}
#allmap p {
  line-height:10px;
  margin:10px;
}
.article .title {
  height: 52px;
  line-height: 52px;
  margin: 20px 0;
  border-bottom: 1px solid #d5d5d5;
}
.article .title strong {
  display: inline-block;
  padding:0 20px;
  height: 100%;
    color: #000000;
    font-weight: normal;
    font-size: 26px;
}
.article .title strong small{
  font-size: 26px;
  color: #125ed6;
  padding-left: 10px;
  text-transform: uppercase;
}
.article .title p {
  margin-right: 15px;
    color: #717171;
    font-size: 14px;
    float: right;
}
.article .title a {
  font-size: 14px;
  color: #717171;
}

.article .title .right a:hover {
  color:#0477e3;
}

/*产品内页*/
#p-txt{ width: 450px; float: right;}
.pname{ width: 100%; height: 40px; font-size: 18px;  line-height: 40px; overflow: hidden;background: #eeeeee;font-weight: bold;color: #454545;text-indent: 10px;}
.pcatname{ width: 100%; height: 36px; background: url(../images/catname.jpg) no-repeat left center; text-indent: 105px; line-height: 38px;}
.pkeywords{ width: 100%; height: 150px; margin-top: 15px; overflow: hidden; /*background: url(../images/description.jpg) no-repeat left top; text-indent: 105px;*/ line-height: 38px;}
.p-more{ width: 100%; height: 48px; margin-top: 17px; overflow: hidden;}
.ptel{color: #192e88;font-size: 22px;font-weight: 600;margin:20px 0;}
.ptel span{font-size: 14px;color: #333333;font-weight: normal;}
.p-message{ width: 140px;  height: 40px; line-height: 40px; float: left; text-align: center; border-radius:3px;margin:0 0 0 30px;border:solid 2px #227fdd;}
.p-message a{color:#227fdd; font-size:16px; text-decoration:none;}
.p-message:hover a{color:#fff; }
.p-message:hover{background: #227fdd }
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info .center{ text-align: center;
    }
.center img{
    padding: 10px;
    background: #fff;
    border: 1px solid #ededed; 
}
.pro_name{display:block;color:#545454;text-align:center;font-size: 26px;
    margin: 15px 0;}
.info_title{margin:30px 0 0 27px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#0075c5;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
.pro-info,
.pro-message{
    margin:25px 0px;
}
.info-title{
    height: 38px;
    background: #dbdbdb;
    line-height: 38px;
    border-bottom: 2px solid #034ca7;
}
.info-title h3{
    font-size: 16px;
    color: #ffffff;
    padding-left: 30px;
    display: inline-block;
    font-weight: bold;
    background: #034ca7;
    padding:0 25px;
    float: left;
}
.info-content{
    background: #fff;
    padding:30px;
}
.pro-message .right{
    padding-right: 26px;
    font-size: 14px;
    color: #333;
    float: right;
}
.pro-message i{
    color: #ff0000;
    padding:0 8px;
}

.pro-order li{
    margin:20px 0;
}
.pro-order li p{
    font-size: 14px;
    color: #787878;
    margin-left: 136px;
}
.pro-order li small{
    margin: 0 0 0 14px;
    font-size: 14px;
    color: #787878;
}
.pro-order li span{
    display: inline-block;
    width: 122px;
    text-align: right;
    font-size: 14px;
    color: #333333;
    vertical-align: top;
}
.pro-order li input{
    width: 315px;
    height: 28px;
    border: 1px solid #d2d2d2;
    padding-left: 13px;
    outline: none;
}
.pro-order li img{
    vertical-align: middle;
}
.pro-order li input:focus{
    border-color: #036aad;
}
.pro-order li textarea:focus{
    border-color: #036aad;
}
.pro-order li textarea{
    width: 550px;
    height: 110px;
    border:1px solid #d2d2d2;
    resize: none;
    padding: 12px;
    outline: none;
}
.pro-order .submit,.pro-order #reset{
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    border:none;
    display: inline-block;
    padding:0;
}
.pro-order .submit{
    background: #034ca7;
    padding-left: 0;
    margin-left: 125px;
}
.pro-order .submit:hover{
    background: #079bd2;
}
.pro-order #reset{
    background: #2c2c2c;
}
.pro-order #reset:hover{
    background: #079bd2;
}

/*新闻列表页*/
#indexNews1{ padding:5px 10px; }
#indexNews1 li{ border-bottom:#D9D9D9 1px dotted; height: 100%; overflow: hidden; padding:20px; }
#indexNews1 li a{ transition: all 0s; }
.indexNews1_l{ width: 105px; overflow: hidden;float: left;}
.indexNews1_l div{ width: 105px; height: 105px; background:#F2F5FA; position: relative;}
.indexNews1_lsp1{ line-height:1.8; text-align: center; font-size: 54px; color: #b1b1b1; float: left; width: 100%; transition: all 0.5s;}
.indexNews1_lsp2{ line-height:1.3; font-size: 13px; color: #b1b1b1;position: absolute; top: 55px; right: 10px; background-color: #f2f5fa;}
.indexNews1_r{ width:680px; overflow: hidden;float: right;}
.indexNews1_rp1{ line-height:1.8; font-size: 18px; font-weight:bold; transition: all 0.5s;color: #262626}
.indexNews1_rp2{ line-height:1.5; color: #b6b6b6; }
.indexNews1_rp2 span{ float: left; }
.indexNews1_rp3{ line-height:1.5; color: #8a8a8a; padding-top:5px;}
#indexNews1 li a:hover{ color: #db3021; }
#indexNews1 li a:hover .indexNews1_rp1{ padding-left: 5px; color: #015cb5;}
#indexNews1 li a:hover .indexNews1_lsp1{ color: #015cb5; }

/*分页效果*/
div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}
div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}
div.digg a:hover{border:#585858 1px solid;color:#fff;background: #1269cc;}
div.digg a:active{border:#585858 1px solid;color:#fff;background: #1269cc;}
div.digg .on{border:solid 1px #1269cc;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#1269cc;}
div.digg span.disabled{border:#eee 1px solid;padding:3px 5px;margin:3px;color:#ddd;}
div.digg select{ border:#aaaadd 1px solid; padding:3px 0px;}

/*新闻内容页*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;overflow: hidden;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsContent div{ text-indent:2em;}
.contactus{  height:auto;  line-height:32px; text-align:left;}
#company_main{ margin:0 auto; line-height:32px; padding:10px; }
#company_main img{ max-width:100%; }
#company_main a{ text-decoration:underline; }
#newsContent div.alink{ padding:5px; margin:0 auto; text-indent:0em;}

.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left;  margin-left: 10px;}
.sha a img{margin-top: 15px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }
.recruit_info_tit_bg{height:40px;background:#f8f8f8;border-radius:2px;margin:15px auto;}
.recruit_info_tit_bg .recruit_info_tit{width:120px;height:40px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;
    background:#db3021;color:#ffffff;line-height:40px;text-align: center;}

/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:100%;margin:20px 0;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-sizing: border-box;overflow: hidden;text-align: center;float: left;}
.picarr .preview li{margin:4px;display: inline-block;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .text li a{color:#999;}
.preNext .text li a:Hover{color:#1269cc;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}

/* CSS Pic */
#picUL{ height: 100%; overflow: hidden; }
#picUL li{height:282px; width:272px;  float:left; margin:10px; display:inline; }
#picUL li a{ width: 260px; height: 270px; background: #fff; float: left; padding:5px; border: solid 1px #ddd;box-sizing: content-box;}
#picUL li .pic_01{width:260px;height:195px; text-align: center; overflow: hidden;}
#picUL li .pic_01 img{height:195px; width:260px; vertical-align:middle; transition: all 1s; object-fit:cover;}
#picUL li .pic_02{width:260px; line-height:40px; height:40px; margin-top: 5px;color: #333333}
#picUL li .pic_03{ width: 30px; height: 5px; background: #fcb904; margin-top: 15px; transition: all 1s;}
#picUL li a:hover{ background: #004a98; }
#picUL li a:hover .pic_03{ width: 260px; background: #fff;}
#picUL li a:hover .pic_01 img{ transform:scale(1.05);}
#picUL li a:hover .pic_02{ color: #fff;}

/*图片列表*/

#proUL {
    text-indent: 0;
    overflow: hidden;
    text-align: center;
}

#proUL li {
    width: 240px;
    height: 220px;
    text-align: center;
    margin: 12px 11px;
    padding: 15px;
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
    float: left;
    transition: all 0.4s;
    box-shadow: 5px 5px 0 #ccc;
    box-sizing: content-box;
}

#proUL li:hover {

    background: #015cb5;
    color: #fff;
    transform: translateY(-10px);
    transition: all 0.4s;
}

#proUL li a {
    padding: 0 20px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #fff;
    color: #000;
    display: inline-block;
    border-radius: 20px;
     transition: all 0.4s;
}

#proUL li a:hover {
    background: #f08d00;
    color: #fff;
    padding: 0 40px;
     transition: all 0.4s;
}

#proUL .img {
    width: 240px;
    height: 180px;
    background: #fff;
    position: relative;
}
#proUL .img img{width: 240px;
    height: 180px;object-fit:cover;}

/*图片列表*/

#proUL1 {
    text-indent: 0;
    overflow: hidden;
    text-align: center;
}

#proUL1 li {
    width: 240px;
    height: 160px;
    text-align: center;
    margin: 12px 11px;
    padding: 15px;
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
    float: left;
    transition: all 0.4s;
    box-shadow: 5px 5px 0 #ccc;
    box-sizing: content-box;
}

#proUL1 li:hover {

    background: #015cb5;
    color: #fff;
    transform: translateY(-10px);
    transition: all 0.4s;
}



#proUL1 .img {
    width: 240px;
    height: 120px;
    background: #fff;
   text-align: center;vertical-align: middle;display: table-cell;
}
#proUL1 .img img{max-height: 120px;max-width:240px;}

/*飘窗*/
#service{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#service li{width:161px;height:60px;}
#service li img{float:right;}
#service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#service li a .shows{display:block;}
#service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
#service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
a:hover{text-decoration: none}